<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../../_template.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:define name="centro">
       <h:form >

            <p:outputLabel value="Cadastro de Funcionarios" style="font-size: x-large; margin-left: 25px" styleClass="labelInserir" /> 
            <p:fieldset styleClass="fieldsetInsert" style=" margin-left: 25px">
                <p:messages />
                <h:panelGrid columns="3">
                    <h:panelGrid columns="1">
                        <p:outputLabel value="CPF" for="cpf" />
                        <p:inputMask id="cpf"  mask="999.999.999-99" value="#{funcionarioBean.cpf}" style="width: 150px"/>
                    </h:panelGrid>
                    <h:panelGrid columns="1" style="margin-left: 20px; margin-right: 20px">
                        <p:outputLabel value="ou"/>
                    </h:panelGrid>
                    <h:panelGrid columns="1">
                        <p:outputLabel value="Matrícula" for="matricula" />
                        <p:inputText id="matricula" value="#{funcionarioBean.matricula}"  size="10" style="width: 150px"/>
                    </h:panelGrid>
                </h:panelGrid>
                <br />
                <p:commandButton value="Novo" action="#{funcionarioBean.novo}" icon="ui-icon-plus"  ajax="false" />  
                <p:commandButton value="Consultar funcionario" action="#{funcionarioBean.consultar}" icon="ui-icon-search" ajax='false' style="margin-left: 5px;"/>
                <p:commandButton value="Listar funcionarios" action="#{funcionarioBean.listarfuncionarios}" icon="ui-icon-search" ajax='false' style="margin-left: 5px;"/>
                <br />
                <br />
            </p:fieldset>
        </h:form>
        <h:form>
            <p:dataTable value="#{funcionarioBean.funcionarios}" var="funcionario" emptyMessage="Nenhum registro encontrado!" 
                         rendered="#{not empty funcionarioBean.funcionarios}" id="formTable1" style=" margin-left: -75px" >                        

                <p:column style="text-align: left;" headerText="CPF" >
                    <h:outputText value="#{funcionario.cpf}" />
                </p:column>
                <p:column style="text-align: left;" headerText="Matrícula" >
                    <h:outputText value="#{funcionario.matricula}" />
                </p:column>
                <p:column style="text-align: left;" headerText="Nome do Funcionario">
                    <h:outputText  value="#{funcionario.nome}">
                        <f:converter converterId="convertUpper" /> 
                    </h:outputText>
                </p:column>
                <p:column style="width: 10px;" headerText="Alterar">
                    <center>
                        <p:commandButton action="#{funcionarioBean.alterarFuncionario(funcionario)}" icon="ui-icon-pencil" ajax="false" />
                    </center>
                </p:column>
                <p:column style="width: 10px;" headerText="Excluir">
                    <center>
                        <p:commandButton icon="ui-icon-trash" action="#{funcionarioBean.removerFuncionario(funcionario)}" update="@all" >
                            <p:confirm header="Confirmação" message="Deseja realmente excluir a informação?" icon="ui-icon-alert" />
                        </p:commandButton>
                    </center>
                </p:column>
            </p:dataTable><br />
            <p:confirmDialog global="true" showEffect="fade" id="Confirmação" >
                <p:commandButton value="Sim" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
                <p:commandButton value="Não" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
            </p:confirmDialog>
        </h:form>
    </ui:define>

</ui:composition>
